<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <title>lu_projectProgress_equipment</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp" />

    <link href="ADMIN_PUBLIC/css/bootstrap.min.css" rel="stylesheet">
    <link href="ADMIN_PUBLIC/css/animate.min.css" rel="stylesheet">
    <link href="ADMIN_PUBLIC/css/style.min.css" rel="stylesheet">

    <link rel="stylesheet" href="ADMIN_PUBLIC/css/lu_common.css">
    <link rel="stylesheet" href="ADMIN_PUBLIC/css/lu_projectProgress.css">
    <link rel="stylesheet" href="ADMIN_PUBLIC/css/lu_projectProgress_people.css">
    <link rel="stylesheet" href="ADMIN_PUBLIC/fonts_style/iconfont.css">
    <style>
        /*#add_people,#edit_people{*/
            /*height:450px;*/
        /*}*/
        /*.workTime_list{*/
            /*padding:15px;*/
        /*}*/
        /*.chooseDay{*/
            /*display: none;*/
        /*}*/
        /*.chooseDay.active{*/
            /*display: flex;*/
        /*}*/
        /*ul.chooseDayList{*/
            /*display: flex;*/
            /*flex-wrap: wrap;*/
            /*position: relative;*/
            /*!*height: 190px;*!*/
        /*}*/
        /*ul.chooseDayList>li{*/
            /*width: 30px;*/
            /*height: 30px;*/
            /*margin: 4px;*/
            /*color: #333;*/
            /*font-size: 12px;*/
            /*text-align: center;*/
            /*line-height: 30px;*/
            /*cursor: pointer;*/
        /*}*/
        /*ul.chooseDayList>li.active{*/
            /*background-color: #2881C1;*/
            /*color: #fff;*/
        /*}*/
        /*ul.chooseDayList .chooseDayBtn{*/
            /*color: #666;*/
            /*background-color: transparent;*/
            /*font-size: 12px;*/
            /*cursor: pointer;*/
            /*outline: none;*/
            /*height: 26px;*/
            /*line-height: 24px;*/
            /*margin: 0 0 0 -1px;*/
            /*padding: 0 10px;*/
            /*border: 1px solid #C9C9C9;*/
            /*white-space: nowrap;*/
            /*border-radius: 2px;*/
        /*}*/
        /*ul.chooseDayList .chooseDayBtn_box{*/
            /*display: block;*/
            /*position: relative;*/
            /*width: 100%;*/
            /*height: 26px;*/
        /*}*/
        /*ul.chooseDayList .chooseDayBtn_box>div{*/
            /*position: absolute;*/
            /*right: 10px;*/
            /*bottom: 0;*/
            /*display: flex;*/
        /*}*/
    </style>
</head>
<body class="color_fff container-fluid row" style="background-color: #fff">
<include file = 'Common/pro_nav' />
<div class="row projectProgress_table_BOX">
    <include file = 'Common/pro_base' />
    <div class="table_BOX">
        <table class="col-sm-12 table table-striped comTableStyle" id="table_table">
            <thead>
            <tr>
                <th><input type="checkbox" id="checkAll" class="checkboxStyle"></th>
                <th>时间</th>
                <!-- <th>结束时间</th> -->
                <th>设备名称</th>
                <th>设备编号</th>
                <th>设备/仪器</th>
                <th>折旧费用(元)</th>
                <!--<th>所属部门</th>-->
                <!--<th>使用工时(天)</th>-->
                <!--<th>设备使用记录</th>-->
                <th>操作</th>
            </tr>
            </thead>
            <tbody>
        <volist name = 'data' id = 'v'>
            <tr data-index="{$v.id}">
                <td><input type="checkbox" class="checkboxStyle" <if condition = "$v.status == 1">disabled<else /></if>></td>
                <td>{$v.start_time}</td>
                <td>{$v.dev_name}</td>
                <td>{$v.dev_sn}</td>
                <td>{$v.type}</td>
                <td>{$v.cost_money}</td>
               <if condition  = '$v.status == 0'>
               <td><a href="edit_people" class="edit_table">编辑</a></td>
               <else />
               <td>已被关联</td>
               </if>
            </tr>
        </volist>
            </tbody>
        </table>
        <div class="pagination"><ul><li>{$page}</li></ul></div>
        <div class="hidden_box">
            <div class="hidden_box_showBox ">
                <span id="dateVal">筛选</span>
                <i class="iconfont icon-jiantou"></i>
            </div>
            <ul class="hidden_box_hiddenBox">
                <li class=" hidden_box_hiddenBox_list ">
                    <span class="hiddenBox_list_text">时间：</span>
                    <input type="text" class=" BFBFBF_inputStyle" id="query_year_people" data-query="time">
                </li>
                <li class=" hidden_box_hiddenBox_list ">
                    <span class="hiddenBox_list_text">设备：</span>
                    <input type="text" class=" BFBFBF_inputStyle" data-query="eq">
                    <!--<select class="BFBFBF_inputStyle " name="" data-query="eq"></select>-->
                </li>
                <li class=" hidden_box_hiddenBox_list ">
                    <span class="hiddenBox_list_text">姓名：</span>
                    <input type="text" class=" BFBFBF_inputStyle" data-query="name">
                    <!--<select class="BFBFBF_inputStyle " name="" data-query="name"></select>-->
                </li>
                <!--<li class=" hidden_box_hiddenBox_list ">-->
                    <!--<span class="hiddenBox_list_text">部门：</span>-->
                    <!--<select class="BFBFBF_inputStyle " name="" data-query="dep">-->
                    <!--</select>-->
                <!--</li>-->
                <li class="hiddenBox_list_btn">
                    <button class="btn btn-sm btn-success" id="query">确定</button>
                    <button class="btn btn-sm btn-success">查找全部</button>
                    <button class="btn btn-sm btn-default">取消</button>
                </li>
            </ul>
        </div>
        <ul class="operation_btn">
            <li><a href="add_people" class="btn btn-success">添加</a></li>
             <li><a href="#import" class="btn btn-success">批量导入</a></li>
            <li><a href="#delete" class="btn btn-success">批量删除</a></li>
            <!--<li><a href="#check" class="btn btn-success">核算</a></li>-->
        </ul>
        <ul class="animated fadeIn add_hiddenBox" lll="add_people" id='add_people'>
            <li class="form-group table_btn_list">
                <label class="col-sm-3 table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>选择年月：</label>
                <div class="col-sm-9">
                    <input type="text" class="col-sm-9 BFBFBF_inputStyle add_people_input" placeholder="" id="start_time_add" add_name="start_time_add" autocomplete="off">
                </div>
            </li>
            <li class="form-group table_btn_list">
                <label class="col-sm-3 table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>设备名称：</label>
                <div class="col-sm-9">
                    <input type="text" class="col-sm-9 BFBFBF_inputStyle add_people_input" placeholder="" add_name="add_equipmentName" autocomplete="off">
                </div>
            </li>
            <li class="form-group table_btn_list">
                <label class="col-sm-3 table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>设备编号：</label>
                <div class="col-sm-9">
                    <input type="text" class="col-sm-9 BFBFBF_inputStyle add_people_input" placeholder="" add_name="add_equipmentNum" autocomplete="off">
                </div>
            </li>
            <li class="form-group table_btn_list">
                <label class="col-sm-4 control-label table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>设备/仪器：</label>
                <ul class="col-sm-8 table_btn_list_radio_list" add_name="add_type">
                    <li class="table_btn_list_radio_list">
                        <i class="iconfont icon-Raidobox-selectedRai"></i>
                        <span>设备</span>
                    </li>
                    <li class="table_btn_list_radio_list">
                        <i class="iconfont icon-Raidobox"></i>
                        <span>仪器</span>
                    </li>
                </ul>
            </li>
            <li class="form-group table_btn_list">
                <label class="col-sm-3 table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>折旧费用：</label>
                <div class="col-sm-9">
                    <input type="number" class="col-sm-9 BFBFBF_inputStyle add_people_input" placeholder="" add_name="add_equipmentMoney" autocomplete="off">
                </div>
            </li>
            <li class="button_list">
                <button class="btn btn-sm btn-success" id="add_btn">确认添加</button>
                <button class="btn btn-sm btn-success" id="add_AddNew_btn">添加并新增</button>
                <button class="btn btn-sm btn-default cancel_btn">取消</button>
            </li>
        </ul>
        <ul class="animated fadeIn add_hiddenBox" lll="edit_people" id='edit_people'>
            <li class="form-group table_btn_list">
                <label class="col-sm-3 table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>选择年月：</label>
                <div class="col-sm-9">
                    <input type="text" class="col-sm-9 BFBFBF_inputStyle add_people_input" placeholder="" id="start_time_edit" add_name="start_time_edit" autocomplete="off">
                </div>
            </li>
            <li class="form-group table_btn_list">
                <label class="col-sm-3 table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>设备名称：</label>
                <div class="col-sm-9">
                    <!--<select class="form-control table_btn_list_selectStyle" add_name="edit_equipmentName"></select>-->
                    <input type="text" class="col-sm-9 BFBFBF_inputStyle add_people_input" placeholder="" add_name="edit_equipmentName" autocomplete="off">
                </div>
            </li>
            <li class="form-group table_btn_list">
                <label class="col-sm-3 table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>设备编号：</label>
                <div class="col-sm-9">
                    <input type="text" class="col-sm-9 BFBFBF_inputStyle add_people_input" placeholder=""  add_name="edit_equipmentNum" autocomplete="off">
                </div>
            </li>
            <li class="form-group table_btn_list">
                <label class="col-sm-4 control-label table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>设备/仪器：</label>
                <ul class="col-sm-8 table_btn_list_radio_list" add_name="edit_type">
                    <li class="table_btn_list_radio_list">
                        <i class="iconfont icon-Raidobox-selectedRai"></i>
                        <span>设备</span>
                    </li>
                    <li class="table_btn_list_radio_list">
                        <i class="iconfont icon-Raidobox"></i>
                        <span>仪器</span>
                    </li>
                </ul>
            </li>
            <li class="form-group table_btn_list">
                <label class="col-sm-3 table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>折旧费用：</label>
                <div class="col-sm-9">
                    <input type="number" class="col-sm-9 BFBFBF_inputStyle add_people_input" placeholder="" add_name="edit_equipmentMoney" autocomplete="off">
                    <!--<select class="form-control table_btn_list_selectStyle" add_name="edit_name"></select>-->
                </div>
            </li>
            <li class="button_list">
                <button class="btn btn-sm btn-success" id="save_btn">保存</button>
                <button class="btn btn-sm btn-default cancel_btn">取消</button>
            </li>
        </ul>
    </div>

    <!--内容没填完，弹框-->
    <div class="warning_hiddenBox animated fadeIn" id="yz_modal" box="yz_modal">
        您有内容没有填写完哦！
    </div>
    <!--核算弹框-->
    <div class="tip_hiddenBox animated fadeIn" id="check" lll="check">
            <div class="check_main_box">
                <ul>
                    <li class="check_text_14_000">
                        <span>核算成功记录数：</span>
                        <span>
                        <span class="check_success_num"></span>
                        <span>人</span>
                    </span>
                    </li>
                    <li class="check_text_14_000">
                        <span>核算失败记录数：</span>
                        <span>
                        <span class="check_error_num"></span>
                        <span>人</span>
                    </span>
                    </li>
                </ul>
                <p class="check_error_Reason_text">
                    <span>核算失败原因:</span>
                    <span class="check_error_Reason">设备表内没有相应的核算数据！</span>
                </p>
            </div>
            <ul class="check_btn">
                <li><a href="#" class="btn btn-success toManage">去管理</a></li>
                <li><a href="#" class="btn btn-default cancel_btn">取消</a></li>
            </ul>
        </div>
    <!--删除人员-->
    <div class="add_hiddenBox animated fadeIn" id="delete" lll="delete">
        <p class="delete_tip_text">确认删除吗？</p>
        <div class="delete_tip_btn_box">
            <button class="btn btn-sm btn-success">确认</button>
            <button class="btn btn-sm btn-default">取消</button>
        </div>
    </div>
    <!--导入文件-->
    <div class="add_hiddenBox animated fadeIn active" id="import" lll="import">
        <p class="import_tip_text">温馨提示：</p>
        <p class="import_tip_text">请下载统一的模版，并按相应的格式在Excel软件中填写您的业务数据，然后再导入到系统中。</p>
        <form action="/Admin/ProDevice/importDevice" method="post" enctype="multipart/form-data" id="file_form">
            <input type="file" accept="application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" class="import_tip_text file_upload_btn" id="file_upload" name="devices">
            <div class="import_tip_btn_box">
                <a class="btn btn-sm btn-success" href="/Excel/tpl/过程管理设备批量导入模板.xls">下载模板</a>
                <button class="btn btn-sm btn-grey">确定导入</button>
            </div>
        </form>
    </div>
</div>

<script src="ADMIN_PUBLIC/js/jquery.min.js"></script>
<script src="ADMIN_PUBLIC/js/laydate/laydate.js"></script>
<script src="ADMIN_PUBLIC/js/lu_projectProgress_equipment.js"></script>
<script>
    $(function(){
        window.query_year_people=''

        laydate.render({
            elem: '#query_year_people', //指定元素
            type:  'month',
            theme: '#2881C1',
            done: function(value, date, endDate){
                let dateVal = date.year+'年'+date.month+'月'
                window.query_year_people = dateVal
            }
        });

        /*添加时选择年月*/
        laydate.render({
            elem: '#start_time_add', //指定元素
            type:  'month',
            theme: '#2881C1',
            done: function(value, date, endDate){
            }
        })
        /*编辑时选择年月*/
        laydate.render({
            elem: '#start_time_edit', //指定元素
            type:  'month',
            theme: '#2881C1',
            done: function(value, date, endDate){
            }
        })

    })
</script>
</body>
</html>